@import "_func.less";
@import "_reset.less";

@green: #19B09A;

body {font: 12px/1.7 Arail, simsun; background: #fff; 1overflow: hidden;}
a {color: @green; text-decoration: none}
a:hover {color:#000; text-decoration: underline;}
.abd, .abg {position:absolute; font-style:normal; width:0; height:0; _overflow:hidden;}

.dropdown-menu {display:none; position: absolute; z-index:1000;
  .open & { display: block;}
}


@import "_right.less";
@import "_ytree.less";

/*-------------------------------------------------
  =pages
-------------------------------------------------*/
.page-welcome { @c:#BBE8E1; font-size:14px;
  .title {margin:0 0 10px; color:#010101; font:18px @yahei;}
  .sys-info { font-size:14px; padding:10px 18px 8px; margin-bottom:20px; border:1px solid @c; line-height:2.5;
    dt {float:left; width:160px;}
    dd {margin-left:-160px;}
  }
  .pending { width:100%; line-height: 40px;
    b {color:@green;}
    caption {border:1px solid @c; border-bottom: none; background: #E5E5E5; }
    td {border:1px solid @c; padding-left:18px;}
    span {margin-right: 15px;}
    b {color:@green; margin:0 8px; font-size:16px;}
  }

}

.page-column {
  .section {margin-left:175px;}
  .datas-panel { margin-bottom: 10px;
    a {display:inline-block; padding:0 8px; line-height:16px;}
    .icon-add, .icon-search {display: inline-block; width: 18px; height: 18px; vertical-align: -4px;}
    .icon-add {margin-right:2px; background-image: url("@{slice}icon-add.png")}
    .icon-search { margin-left:-2px; background-image: url("@{slice}icon-search.png")}
    .divider {display: inline-block; width: 1px; height: 14px; vertical-align:-4px; background: url("@{slice}column-panel-divider.png")}
  }
}

.page-column-settings {
  .tab-nav { line-height: 16px; margin-bottom: 8px;}
  .tab-nav a { color: #666; padding: 0 15px;}
  .tab-nav a:hover { text-decoration: none;}
  .tab-nav .active a { color: #20AE99; font-size: 14px; border-right: 1px dashed #20AE99; vertical-align: 2px;}
  .section-bd { padding: 20px; border: 1px solid #20AE99; border: 0 1px;}

  .table-layout .link {margin-left: 12px;}
  .table-layout textarea {vertical-align: middle; }
  .table-layout .tips { display: inline-block; width: 100px; font-size: 14px; color: #20AE99;}
}

.page-column-group {
  .datas-panel { padding: 18px 0;
    .btn-a { display: inline-block; width: 80px; height: 28px; line-height: 28px; font-size: 12px; background: #F7F7F7; color: #363636;
    &:hover { background: #19B09A; color: #fff;}
    }
  }
}

.page-content {
  .navbar .open .toggle { border-bottom: 2px solid #cdcdcd; cursor: default;}
  .addmenu { display: inline-block; width: 80px;
    .btn { width: 80px; padding: 5px 0; }
    .dropdown-menu { width: 80px; background: #fff;
      li { float: none; }
      a { display: block; border: none; padding: 0 5px; line-height: 28px;}
      a:hover { text-decoration: none; background: #f5f5f5;}
    }
  }
}

.page-article {
  .input { width: 320px;}
}

.page-watermark {
  .section-bd {color:#666;}
  .section-table {color:#666;
    td {padding:8px 0;}
  }
  .watermark-bg { width:360px; height:360px; background:url(img/main/watermark-bg.jpg?t=2) no-repeat; color:#fff;
    td { width:120px; height:120px; padding:0 !important; text-align:center !important; font-size:16px; font-weight:500; }
    td:hover { cursor:pointer; }

  }
}

.staff {
  background:url(img/page/slice/ruler.gif) repeat-x -120px 15px;
}

.page-nodemanage {
  .container { position: relative; padding-left: 250px; min-height: 500px; _height: 500px;}
  .tree { position: absolute; left: 15px; width: 200px; height: 450px; padding: 10px 10px 10px 0; border: 1px solid #cdcdcd; overflow: auto;}

}

.page-addcontent {
  #range-slider { display: inline-block; width: 260px; vertical-align: -4px; margin-left: 15px;}

  .keyword-density {
    td, th { border: 1px solid #e2e2e2; padding: 5px; font-weight: normal;}

  }
}
